<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org">
    <head>
        <title>Wicket Examples - component reference</title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
        <span wicket:id="mainNavigation"/>

        <h1>wicket.markup.html.form.CheckGroup</h1>
        <wicket:link><a href="Index.html">[back to the reference]</a></wicket:link>

        <p>
            A CheckBoxSelector selects and deselects all Check components under the same CheckGroup as itself
        </p>
        <p>
         <form wicket:id="form">
             CheckGroup:<br/>
             <div wicket:id="checkgroup">
                 <input type="checkbox" wicket:id="check1"/> 1
                 <input type="checkbox" wicket:id="check2"/> 2
                 <input type="checkbox" wicket:id="check3"/> 3
                 <input type="checkbox" wicket:id="check4"/> 4
                 <input type="checkbox" wicket:id="groupSelector"/> select all
             </div>
             <input type="checkbox" wicket:id="groupSelectorOutside"/> select all (outside group)
             <hr/>
             CheckboxMultipleChoice:
             <div wicket:id="choice"/>
             <input type="checkbox" wicket:id="choiceSelector"/> select all
             <hr/>
             Loose Checkboxes:
             <input type="checkbox" wicket:id="looseCheck1"/> 1
             <input type="checkbox" wicket:id="looseCheck2"/> 2
             <input type="checkbox" wicket:id="looseCheck3"/> 3
             <input type="checkbox" wicket:id="looseCheck4"/> 4
             <input type="checkbox" wicket:id="looseSelector"/> select all
         </form>
       </p>  
    </body>
</html>
